<!--
 * @Author: your name
 * @Date: 2020-08-18 18:37:15
 * @LastEditTime: 2020-08-18 18:47:27
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \vue_plugins\src\views\tree\components\tree-folder-contents.vue
-->
<template>
<div>
<ul>
  <li v-for="child in children" :key="child.id">
    <tree-folder v-if="child.children" :folder="child"/>
    <span v-else>{{ child.name }}</span>
  </li>
</ul>
</div>
</template>

<script>
export default {
    props:{
        children:Array,
        default:()=>{
            return []
        }
    },
    beforeCreate: function () {
        this.$options.components.TreeFolder = require('./tree-folder.vue').default
    }
}
</script>

<style lang="less" scoped>

</style>